<template>
    <inner-layout v-loading="loading">
        <div class="iframe-wrap">
            <iframe id="frameObj" :class="iframeClass" :src="frameUrl" @load="eventIframeLoaded"></iframe>
        </div>
    </inner-layout>
</template>

<script>
export default {
	name: 'IndexValuationDetail',
	components: { },
    directives: { },
	mixins: [],
	data() {
		return {
			loading: false,
			// dataList: [],
            iframeClass: 'percent-detail',
            frameUrl: ''
		}
	},
	created() {
		// this.getPageData()
        this.frameUrl = 'https://danjuanapp.com/dj-valuation-table-detail/' + this.$route.query.symbol
	},
	methods: {
		getPageData() {
			// this.loading = true
			// getDjIndexEvaList().then((res) => {
			// 	console.log('getPageData', res)
			// 	this.loading = false
			// })
		},
        eventIframeLoaded() {
            // let obj = document.getElementById('frameObj')
            // console.log('eventIframeLoaded', obj.src)
            // debugger
        }
	}
}
</script>

<style lang="scss" scoped>
    .iframe-wrap {
        max-width: 950px;
        height: calc(100vh - 250px);
        border: 0;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        .percent-list {
            width: 100%;
            height: calc(100vh + 600px);
            display: block;
            min-height: 600px;
            border: 0;
            margin-top: -850px;
        }
        .percent-detail {
            width: 100%;
            height: 100%;
            display: block;
            min-height: 600px;
            border: 0;
            margin-top: 0;
        }
    }
</style>
